// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

@import '../../../common/styles/colors.scss';
@import './common-mixins.scss';
@import '../../../common/styles/fonts.scss';

.crawl-details-section {
    @include box-shadow;

    background-color: $neutral-0;
    padding: 20px;
    margin-bottom: 22px;

    .crawl-details-section-list {
        list-style: none;
        font-size: 14px;
        line-height: 16px;
        padding-left: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;

        li {
            display: inline-block;

            .icon {
                padding-right: 12px;
                position: relative;
                top: 3px;
            }
        }

        li.targetSite {
            margin-bottom: 6px;
        }
    }

    .text,
    .label {
        word-break: break-all;
        color: $neutral-55;
        @include text-style-body-m;
    }

    .label {
        font-weight: $font-weight-semi-bold;
    }

    .label.no-icon {
        padding-left: 29px;
    }
}
